<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/color.css">
    <link rel="stylesheet" href="./css/wtlotcMt-header.css">
    <link rel="stylesheet" href="./css/wtlPayMt.css">
    <title>绑定支付宝页面</title>
</head>
<body>

<div id="main">
    <div class="l-header-info layui-form ">
        <!--右侧菜单-->
        <!--<img class="l-slide-menu" src="./image/mt-menu.png" alt="图片无法显示">-->
        <div  id="lang" class="l-slide-lang">
            <select  lay-filter="lang" lay-verify="required">
                <option value="CN" ><a href="">中文</a></option>
                <option value="USA"><a href="">英语</a></option>
            </select>
        </div>


        <!--wtllogo-->
        <div  id="country" class="l-tips-inline">
            <img class="l-logo-mt" src="./image/wtlogo.png" alt="无法显示">
        </div>

        <!--下滑菜单-->
        <div class="l-glide-menu">
            <!--下滑菜单图标-->
            <div class="l-glide-icon"></div>

            <!--下滑菜单内容-->
            <div class="l-glide-content l-active">
                <a href="#" class="l-glide-item">首页</a>
                <a href="#" class="l-glide-item">关于我们</a>
                <a href="#" class="l-glide-item">团队介绍</a>
                <a href="#" class="l-glide-item">技术概要</a>
                <a href="#" class="l-glide-item">规划进程</a>
                <a href="#" class="l-glide-item">新闻资讯</a>
                <a href="#" class="l-glide-item">个人中心</a>
            </div>
        </div>
    </div>

    <div class="l-bar">
        <img src="./image/dian.png" alt="无法显示">
        <span>绑定支付宝</span>
    </div>


    <form class="l-container layui-form">
        <div class="l-filed-sub">
            <p class="l-label"><span class="l-color-red">*</span><span>支付宝账号姓名：</span></p>
            <p class="l-input">李明（请绑定本人持有支付宝账号）</p>
        </div>

        <div class="l-filed-sub">
            <p  class="l-label"><span class="l-color-red">*</span><span>支付宝账号：</span></p>
            <input type="text" placeholder="请本人持有支付宝账号" class="layui-input l-input-account">
        </div>

        <div class="l-filed-sub">
            <p  class="l-label"><span class="l-color-red">*</span><span>支付宝收款码：</span></p>

            <div class="l-upload layui-btn">上传</div>
            <input type="file" placeholder="请本人持有支付宝账号" class="l-upload-file">
            <p class="l-remark">
                支付宝收款码获取方法：打开支付宝APP,在首页点击”收钱“，个人二维码下方点击 ”保存图片“即可
            </p>
        </div>

        <div class="l-filed-sub">
            <p  class="l-label"><span class="l-color-red">*</span><span>支付宝收款码：</span></p>

            <textarea name="desc" placeholder="暂无" class="layui-textarea l-textarea"></textarea>
            <p class="l-remark">
                如果希望对方快速联系，可以在备注中添加联系电话，务必防御电话诈骗！
            </p>
        </div>

        <div class="l-filed-sub">
            <p  class="l-label"><span class="l-color-red">*</span><span>资金密码：</span></p>
            <input type="text" placeholder="请输入您的资金密码" class="layui-input l-input-account">
        </div>

        <div class="l-btn-group">
            <button class="layui-btn layui-btn-normal">确定</button>
            <button class="layui-btn layui-btn-primary">取消</button>
        </div>
    </form>
</div>

</body>
<script src="./layui/layui.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/animate.js"></script>
<script src="./js/wtlPayMt.js"></script>
</html>